.conteneur-flexible{
    display: flex;
    font-size: 20px;
    background-color: #0AD; /*Bleu*/
    border: 2px solid blue;
    box-sizing: border-box;
    margin: 10px 0px;
    height: 250px;
}
.ligne{
    flex-flow: row wrap;}
.colonne{
    flex-flow: column wrap;}
.element-flexible{
    flex-basis: 20%;
    flex-grow: 1;
    flex-shrink: 0;
    background-color: #0DA; /*Vert*/
    padding: 10px 0px;
    text-align: center;
    border: 2px solid green;
    box-sizing: border-box;
    margin: 5px;}
.dim .element-flexible{
    width: 50%;
    height: 50%;
}
.ef30{
    flex-basis: 30%;
}
.fg0{
    flex-grow: 0;
}
.fg1{
    flex-grow: 1;
}
.fg3{
    flex-grow: 3;
}